body {
    background-image: url(/images/shrinesbackground.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: url(/images/cursors/melodydefault.png), auto;
}

body a {
    cursor: url(/images/cursors/melodylink.png), auto;
}

.shelf {
    height: 800px;
    width: 600px;
    margin: auto;
    margin-top: 150px;
}

.back {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}

.astarion {
    width: 150px;
    position: relative;
    bottom: 720px;
    left: 50px
}

.astarion:hover {
    transform: rotate(20deg);
    filter: grayscale(80%);
}

.agere {
    width: 150px;
    position: relative;
    bottom: 730px;
}

.agere:hover {
    transform: rotate(-20deg);
    filter: grayscale(80%);
}

.mili {
    height: 150px;
    position: relative;
    bottom: 730px;
    right: 10px;
}

.mili:hover {
    transform: rotate(20deg);
    filter: grayscale(80%);
}